//主题色
//$mainBg: #409EFF; //主题色、选中颜色、字体颜色；
$green:#12ad8d;
$blue:#1c7df0;
$red:#d71a22;
$red:#d71a22;
$pink:#fd7b92;
$purple:#db42ff;
$orange:#ff9923;

//背景色
$whiteBg: #fff; //卡片背景色、选中字体颜色
$grayBg: #F2F4F5; //未选中底色

//字体颜色
$blackFont: #11212F; //大标题颜色
$subFont: #34404B; //二级标题颜色
$grayFont: #666666; //二级标题未选中颜色
$lgrayFont: #7B838A; //浅灰色，“更多”
$ashenFont: #AFB4B9; //灰白色

//字号
$biggerF: 28px; //大标题字号
$biggF: 21px; //大标题字号
$bigF: 16px; //标题字号
$normalF: 14px; //正常字号
$smallF: 12px; //稍小字号

//间距
$padd20: 20px; //卡片类内间距
$mar15: 15px; //卡片之间间距

//圆角
$rudis12: 12px; //圆角

//对齐方式
$textCent: center; //居中对齐
$textLeft: left; //居左对齐
$textRight: right; //居右对齐


//---部分常用css组合，可复用---

//flex横向两端对齐
%displayflex {
    display: flex;
}
%flex-between {
    display: flex;
    justify-content: space-between;
}
//flex竖向两端对齐
%flex-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


//---部分常用但需传参改变的cssMixin---

//待添加--
